<html>
<head></head>
<body>
<div class="layui-container fly-marginTop">
	<div class="fly-panel fly-panel-user" pad20="">
		<div class="layui-tab layui-tab-brief" lay-filter="user">
			<ul class="layui-tab-title">
				<li class="layui-this">登入</li>
				<li><a href="{:url('index/Reg/index')}">注册</a></li>
			</ul>
			<div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
				<div class="layui-tab-item layui-show">
					<div class="layui-form layui-form-pane">
						<form method="post">
							<div class="layui-form-item">
								<label for="L_email" class="layui-form-label">手机/邮箱</label>
								<div class="layui-input-inline">
									<input type="text" id="L_loginName" name="phone" value="15674869541" required="" lay-verify="required" autocomplete="off" class="layui-input" />
								</div>
								<div class="layui-form-mid layui-word-aux">
									使用手机或者邮箱中的任意一个均可（若采用手机，请确保你的帐号已绑定过该手机）
								</div>
							</div>
							<div class="layui-form-item">
								<label for="L_pass" class="layui-form-label">密码</label>
								<div class="layui-input-inline">
									<input type="password" id="L_pass" name="password" value="123123123" required="" lay-verify="required" autocomplete="off" class="layui-input" />
								</div>
							</div>
							<div class="layui-form-item">
								<label for="L_vercode" class="layui-form-label">图形码</label>
								<div class="layui-input-inline">
									<input type="text" id="L_imagecode" name="captcha" required="" lay-verify="required" autocomplete="off" class="layui-input" />
								</div>
								<div class="layui-form-mid" style="padding: 0!important;">
									<img src="{:url('index/Reg/code')}" id="code" class="fly-imagecode" />
								</div>
							</div>
							<div class="layui-form-item">
								<button class="layui-btn" lay-filter="login" lay-submit="">立即登录</button>
								<span style="padding-left:20px;"> <a href="{:url('index/Login/forgetPass')}">忘记密码？</a> </span>
							</div>
							<div class="layui-form-item fly-form-app">
								<span>或者使用社交账号登入</span>
								<a href="/app/qq" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-qq" title="QQ登入"></a>
								<a href="/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-weibo" title="微博登入"></a>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
    $('#code').click(function () {
        $(this).attr('src',$(this).attr('src')+'?'+Math.random());
    })
    //Demo
    layui.use('form', function(){
        var form = layui.form;
        //监听提交
        form.on('submit(login)', function(data){
            $.post("{:url('index/login/checkLogin')}", data.field, function(res, textStatus, xhr) {
                if (res.code==0){
                    $('#code').click();
                    layer.msg(res.msg, {icon: 9},function () {
                    });
                }else{
                    $('#code').click();
                    layer.alert(res.msg, {icon: 1},function (){
                        location.href=("{:url('index/UserCenter/index')}");
                    });
                }
            });
            return false;
        });
    });
</script>